html { background: none; }
body { background: #fff url(http://images.apple.com/v/iphone/home/b/images/textured_background.jpg) repeat-x; }
#main { width: 100%; overflow: hidden; margin-bottom: 10px; *position: relative; }
.overview #main .content { width:980px; margin-top: -123px; _margin-top: -325px; margin-bottom: 0; padding: 0; z-index: 1020; border: none; background: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.fallback #main .content { position: relative; }
#wrapper { width: 980px; height: 758px; margin: 0 auto; }
#gallery-swap { height: 754px; }
#promofooter { margin: 8px auto 3px; }
#animation-gallery { display: none; }

#clip { _position: static; width: 1780px; overflow: hidden; margin: 1px -400px 3px; padding-top: 4px; background: #fff url(http://images.apple.com/v/iphone/home/b/images/shadow_down.png) no-repeat 50% 0; behavior:url(/global/scripts/lib/iepngfix.htc);
	-webkit-mask: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 87%,rgba(255,255,255,0) 100%);
	-webkit-mask: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(12%,rgba(255,255,255,1)), color-stop(87%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
}
body.fullscreen #clip { -webkit-mask: none; }

#hero { position: relative; width: 100%; height: 754px; margin: 0 auto; -webkit-user-select: none; }
#hero .view { position: relative; width: inherit; height: inherit; margin-left: 315px; }
#hero .bottom-shadow { position: absolute; bottom: -16px; left: 0; min-height: 149px; width: 100%; padding-top: 54px; text-align: center; background: url(http://images.apple.com/v/iphone/home/b/images/shadow_up.png) no-repeat top center; behavior:url(/global/scripts/lib/iepngfix.htc);	-webkit-transform: translateZ(0); }

.videos { width: 100%; margin: 10px auto 17px; *margin-top: 17px; padding: 0; overflow: hidden; list-style-type: none; text-align: center; }
.videos li { width: 154px; margin-right: 33px; display: -moz-inline-stack; display: inline-block; *display: inline; font-size: 12px; list-style: none; zoom: 1; }
.videos li a.video-trigger { display: -moz-inline-stack; display: inline-block; *display: inline; }
.videos li.last-child { margin-right: 0; }
.videos li .video { width: 128px; height: 70px; background: #fff; border: 1px solid #aaa; }
.videos li .link { position: relative; margin-top: 2px; color: #666; }
.videos li a:hover { text-decoration: none !important; }
.videos .video-button .video-thumb { margin: 0 auto; _z-index: 9999 !important; behavior:url(/global/scripts/lib/iepngfix.htc); }

/*Phone Styles*/
/*===========================================*/
#hero .phone-stage { position: absolute; top: 0; left: 0; width: 3200px; height: 3900px;  }
#hero .phone { position: absolute; width: 295px; height: 575px; z-index: 10000; }
#hero .phone .shadow { position: absolute; left: -37px; top: -19px; z-index: -1; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#hero .phone.a5 .shadow { left: -42px; top: -43px; }

/* Webkit Styles for clipping */
#hero .phone .face { -webkit-mask: url(http://images.apple.com/v/iphone/home/b/images/animation/iphone_mask.png); -webkit-mask-repeat: no-repeat; }
#hero .phone.a5 .face { -webkit-mask: url(http://images.apple.com/v/iphone/home/b/images/animation/flipped_mask.png); -webkit-mask-position: 0 0; }
#hero .phone.camera .face { 
	-webkit-mask: url(http://images.apple.com/v/iphone/home/b/images/animation/iphone_mask.png);
	-webkit-mask-position: 0 0; 
	-webkit-mask-repeat:no-repeat;
}

/* Mozilla Styles for clipping */
.phone .face { clip-path: url(/v/iphone/home/b/images/animation/phone.svg#phone); }
.phone.a5 .face { clip-path: url(/v/iphone/home/b/images/animation/flippedphone.svg#phone-flipped); }

/* Phones */
#hero .phone-stage .phone { position: absolute; }
#hero .phone-stage .siri { left: 2445px; top: 2146px; }
#hero .phone-stage .ios.left { left: 425px; top: 1136px; }
#hero .phone-stage .ios.middle {left: 425px; top: 1408px;  }
#hero .phone-stage .ios.right { left: 425px; top: 1681px;  }
#hero .phone-stage .camera { position: absolute; left: 642px; top: 2528px;  }
#hero .phone-stage .camera.side { left: 944px; top: 2733px;  }
#hero .phone-stage .camera.back {left: 944px; top: 2859px;  }
#hero .phone-stage .icloud { position: absolute; top: 881px; left: 1547px; }
#hero .phone-stage .a5 { top: 3173px; left: 1874px; }
#hero .phone-stage .final { position: absolute; top: 120px; left: 1087px; opacity: 1; }

/*Feature Styles*/
/*===========================================*/
.feature { position: absolute; opacity: 0; }
.features h1 { margin: 27px 0 0 7px; }
#hero #bphone { top: 26px; left: 57px; opacity: 1; }

.features .hero { left: 655px; top: 89px; opacity: 0; z-index: 1000; }
.features .siri { left: -320px; top: 164px; opacity: 0; }
.features .siri h1 { margin: 17px 0 0 4px; }
.features .a5 { left: 1723px; top: 602px; opacity: 0; }
.features .a5 h1 { margin: 20px 0 0 5px; }
.features .camera { left: -891px; top: 403px; opacity: 0; }
.features .camera h1 { margin: 25px 0 0 -5px; }
.features .ios { left: -788px; top: -120px; opacity: 0; }
.features .ios h1 { margin: 15px 0 0 -2px; }
.features .icloud { left: 521px; top: -389px; opacity: 0; }
.features .icloud h1 { margin: 7px 0 0 5px; }

/*Nav Styles*/
/*===========================================*/
.hero-nav { display: none; }
.hero-nav li { position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; }
.hero-nav li .arrow { position: absolute; top: 129px; display: block; width: 15%; height: 596px; padding: 0 20px; opacity: 0; z-index: 99999; cursor: pointer; -webkit-transition: opacity 250ms ease-out; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.hero-nav li .arrow:hover { opacity: 1; }
.hero-nav li .arrow b { display: block; width: 40px; height: 80px; margin-top: 275px; text-indent: -9999px; overflow: hidden; }
.hero-nav li .arrow.left { left: 0; }
.hero-nav li .arrow.right { right: 0; }
.hero-nav li .arrow b { position: absolute; top: 218px; background-size:120px 100px; }
.hero-nav li .arrow.left b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.png) -16px -9px; left: 20px; behavior:url(/global/scripts/lib/iepngfix.htc); }
.hero-nav li .arrow.right b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.png) -63px -9px; right: 20px; behavior:url(/global/scripts/lib/iepngfix.htc); }
.hero-nav li .arrow b:active { background-image: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_down.png);  behavior:url(/global/scripts/lib/iepngfix.htc); }

@media only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
       only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px) {
	.hero-nav li .arrow.left b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_2x.png) -16px -9px; }
	.hero-nav li .arrow.right b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_2x.png) -63px -9px; }
	.hero-nav li .arrow b:active { background-image: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_down_2x.png); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-width: 481px) and (max-device-width: 768px),
       only screen and (min-device-pixel-ratio: 1.5) and (min-device-width: 481px) and (max-device-width: 768px) {
	.hero-nav li .arrow b { background-size:120px 100px; }
	.hero-nav li .arrow.left b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_2x.png) -16px -9px; }
	.hero-nav li .arrow.right b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_2x.png) -63px -9px; }
	.hero-nav li .arrow b:active { background-image: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_down_2x.png); }
}

#feature-link { position: absolute; left: 90px; display: block; width: 980px; height: 600px; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 10000; }
.loader { position: absolute; left: 0; top: -3px; width: 100%; height: 601px; z-index: 10000; background: #fff; }
.loader.show { background: #fff url(http://images.apple.com/global/elements/quicktime/loading.gif) no-repeat 50% 50%; }

body.videoplaying #video-container { display: block; }
body.videoplaying .view { display: none; }
body.videoplaying .hero-nav { display: none !important; }
body.videoplaying .simple-nav { display: none; }
body.videoplaying .paddle-nav { display: none; }
body.videoplaying .video { position: relative; width: 848px; height: 480px; margin: 0 auto; }
body.videoplaying .video-view { position: relative; top: 60px; }
body.videoplaying #gallery-swap { width: 848px; margin: 0 auto; }
.moviePanel object { *position: relative; }

.video-incoming { width: 852px; margin: 0 auto; }
body.videoplaying #video-incoming { height: 752px; }
#video-incoming { position: absolute; }

.video-button { position: relative; width: 134px; margin: 0 auto; }
.play-button { position: absolute; top: 0; left: 0; _top: 17px; _left: 46px; width: 134px; height: 80px; background: url(http://images.apple.com/v/iphone/home/b/images/video_button.png) center center no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }
.videos a:hover .play-button { background: url(http://images.apple.com/v/iphone/home/b/images/video_button_hover.png) center center no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }

.video-content .close { position: absolute; top: -30px; left: -2px; width: 29px; height: 29px; text-indent: -9999px; z-index: 1; overflow: hidden; background: url(http://images.apple.com/v/iphone/home/b/images/button_close.png) no-repeat 0 0; *background: url(http://images.apple.com/v/iphone/home/b/images/button_close.gif) no-repeat 0 0; }
body.videoplaying .video-content .close { display: block; }
body .video-content .close { display: none; }


/* Fallback CSS * /
/* ==================================*/
body.fallback #hero { margin-bottom: 0;  _height: 665px !important; _background: none;}
#hero #fallback-markup { display: none; }
body.fallback #hero #fallback-markup { display: block; }
body.fallback #clip { -webkit-mask: none; _height: 600px; _overflow: visible; _background: none !important; }
body.fallback #hero .gallery { width: 100%; height: 744px; }
body.fallback #hero .gallery-view,
body.fallback #hero .gallery-view .gallery-content { width:1500px; height: 650px; _margin-top: -4px; _background: #fff !important; }
body.fallback #hero .view { margin-left: 0; height: 688px; _padding: 8px 0 0; }
body.fallback #hero .background { float: left; margin-left: 239px; _margin-top: -12px; }
body.fallback #hero .hero-gallery-1 h1 { float: left; margin: 124px 0 0 -795px; }
body.fallback #hero .hero-gallery-2 h1 { float: left; margin: 223px 0 0 -1113px; }
body.fallback #hero .hero-gallery-3 h1 { float: left; margin: 223px 0 0 -566px; }
body.fallback #hero .hero-gallery-4 h1 { float: left; margin: 223px 0 0 -1331px; }
body.fallback #hero .hero-gallery-5 h1 { float: left; margin: 223px 0 0 -1329px;}
body.fallback #hero .hero-gallery-6 h1 { float: left; margin: 149px 0 0 -819px;}
body.fallback #hero .simple-nav { position: absolute; top: 575px; left: 405px; width: 980px; height: 30px; z-index: 1125; }
body.fallback #hero .bottom-shadow { position: absolute; _position: relative; bottom: 0; top: 566px; _top: -175px; z-index: 1010; height: 193px; min-height: 193px; padding-top: 0; _margin-left: -200px; }
body.fallback #hero .paddle-nav li .arrow { filter: none; background: rgba(0, 0, 0, 0); }
body.fallback #hero .paddle-nav li .arrow:hover { filter: none; }
body.fallback #hero .paddle-nav { width: 980px; margin: 0 auto; z-index: 1125; }
body.fallback #hero .paddle-nav li .arrow b { margin-top: 486px; display: none; }
body.fallback #hero .paddle-nav li .arrow.prev b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.png) -16px -9px; *background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.gif) -16px -9px; left: 20px;  }
body.fallback #hero .paddle-nav li .arrow.next b { background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.png) -63px -9px; *background: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles.gif) -63px -9px; right: 20px; }
body.fallback #hero .paddle-nav li .arrow b:active { background-image: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_down.png); *background-image: url(http://images.apple.com/v/iphone/home/b/images/nav_paddles_down.gif);  }
body.fallback #hero .paddle-nav ul { position: absolute; top: 0; width: 980px; }
body.fallback #hero .paddle-nav .next-paddle { left: auto; right: 0; }

body.fallback #hero .gallery a.slide-link { position: relative; display: block; width: 100%; height: 100%; }

/* Bucket Styles * /
/* ==================================*/

.overview #content .row { padding: 0 0 12px; }
.overview ul.row .column { width: 318px; *width: 316px; margin: 0 13px 0 0; *border: 1px solid #d9d9d9; }
.overview ul.row.grid2col .column { width: 437px; *width: 435px; _width: 437px; }

.overview ul.row .column.last,
.overview ul.row.grid2col .column.last { margin-right: 0; }

.overview ul.row .column.last { _float: left !important; }
.overview ul.row.grid2col .column.last { _float: left !important; }

.overview ul.row .column li { min-height: 239px; _height: 239px; padding: 17px 20px 24px; font-size: 14px; line-height: 12px; border: 3px solid #fff; box-shadow:rgba(0,0,0,.4) 0 1px 2px; }

.overview ul.row .column a.block:hover { text-decoration: none; }
.overview ul.row .column h2 { margin: 0; font-size: 2em; }
.overview ul.row .bucket-camera h2 { margin-top: 3px; }
.overview ul.row .column h3 { margin-bottom: 12px; font-size: 2em; font-weight: normal; }
.overview ul.row .column p { margin-bottom: 2px; color: #333; line-height: 1.4em; }

.overview ul.row.grid3col .column img.icon { margin-bottom: 0; }

.overview ul.row .column.bucket-ios5 .software-update { width: 443px; *width: 441px; padding: 14px 20px 15px; border-radius: 0 0 5px 5px; background: url(http://images.apple.com/v/iphone/a/images/overview_bucket_ios5_software_update_bg.png) 50% 0 no-repeat; *behavior: url(/global/scripts/lib/iepngfix.htc); }
.overview ul.row .column.bucket-ios5 .software-update h3 { margin-bottom: 3px; font-size: 1.2em; }
.overview ul.row .column.bucket-ios5 .software-update p { margin-bottom: 0; font-size: 0.9em; color: #333; }

.overview ul.software-row.row .bucket-ios5 h2 { margin-left: 1px; }
.overview ul.built-in-apps-row.row .column h3 { margin-bottom: 13px; }
.overview ul.built-in-apps-row.row .bucket-camera h3 { margin: 0 0 10px 3px; }
.overview .software-row .bucket-icloud h3 { margin-bottom: 12px; }
.overview ul.row.grid3col .column img.icon  { left: 92px; bottom: -4px; }
.overview ul.row .column { 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
	-webkit-box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px; 
	box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px; 
	-moz-box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px;
}
.overview ul.row .column a.block { min-height: 342px; *height: 350px; padding: 23px 26px 4px 20px; border-top: 2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.overview ul.row.software-row .column a.block { min-height: 0; *height: 0; padding: 0; border: none; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.overview ul.row.software-row .column { min-height: 239px; *height: 239px; padding: 27px 26px 4px 20px; border-top: 2px solid #fff; *border: 1px solid #d9d9d9; }
.overview ul.row.software-row .bucket-ios { _padding-right: 0; }
.overview ul.row .column.bucket-ios5 .software-update { width: 490px; _width: 480px; margin: 50px 0 0 -18px; *margin-top: 174px; _margin-top: 0; padding: 14px 0 16px; _padding-right: 20px; border-radius: 0 0 10px 10px; _position: relative; }
.overview ul.row .column.bucket-ios5 .software-update h3,
.overview ul.row .column.bucket-ios5 .software-update p { margin-left: 17px; }
.overview .software-row .bucket-ios5 h3 { margin-bottom: 5px; }
.overview .software-row .bucket-ios5 .block h3 { width: 300px; margin-bottom: 6px; }
.overview .software-row .bucket-ios5 .software-update h3 { margin: 0 0 0 1px; }
.overview ul.row li {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(200,200,200,0.1) 50%, rgba(200,200,200,0) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(50%,rgba(200,200,200,0.1)), color-stop(100%,rgba(200,200,200,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
}
.overview ul.row li:hover { background: rgba(255,255,255,0.35); *background: #fff; }
.overview .software-row .bucket-camera img { margin-left: -2px !important; }
.overview .software-row .bucket-a5 h2 img { margin-left: -2px; }
.overview .software-row .bucket-icloud img.right { margin: -3px -8px 0 0; }
.overview .software-row img.right { margin: 0 -13px 0 0; _position:relative; }
.overview ul.row.software-row .last { padding: 0; width: 482px; min-height: 270px; }
.overview ul.row.software-row .last a.block { padding: 27px 26px 34px 20px; } 
.overview ul.row.software-row .first { _height: 243px; }